body {
	font-family:arial, verdana, sans-serif;
	font-size:19px;
	
}

#usuario {
display:inline;
float:right;
background-color:none;
width: 30%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-right: 83px;
margin-top: -12px;
}

#senha {
display:inline;
float:right;
background-color:none;
width: 30%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-right: 83px;
margin-top: -10px;
}

#entrar {
display:inline;
float:right;
width: 15%;
height: 30px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-right: -195px;
margin-top: -28px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(50%,rgba(255,167,61,1)), color-stop(51%,rgba(255,124,0,1)), color-stop(100%,rgba(255,127,4,1)));
color: white;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
border:1px solid;

}
.imagelogo{
width:800px;
height:180px;
float:right;
}


.divprinc {

width:100%; 
height:100%;
position:relative;

}

                                            /*  Comp*/

.divprinccomp{
width:100%; 
height:50px;
position:relative;
font-family:'Comic Sans MS';

}
.middle {
width:65%;
height:1000px;
background-color:;
position:relative;
float:left;
border-radius:8px 8px;
margin-left: 220px;
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1)));

}

.logocomp {
    width:35%;
    height:85px;
     float: left;
     position:relative;
     margin-top: -85px;
     
}
.imagelogocomp {
width:32%;
height:100%;
position:absolute;
margin-left: 220px;

}
.city {
width:8%;
height:10px;
position:relative;
float: left;
padding-left:220px;
margin-top: 12px;
}

.miolocomp{
width: 100%;
height: 1000px;
float:left;
position:relative;

}



   


#list1 { }
#list1 ul { list-style:none; text-align:left; border-top:1px solid #eee;margin-top: -1px; border-bottom:1px solid #eee; padding:10px 0;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(50%,rgba(255,167,61,1)), color-stop(51%,rgba(255,124,0,1)), color-stop(100%,rgba(255,127,4,1))); wi}
#list1 ul li { display:inline; text-transform:uppercase; padding:0 15px; letter-spacing:px;font-size: 11.3px; font-family: Arial;margin-left:10px;}
#list1 ul li a { text-decoration:none; color:#eee; }
#list1 ul li a:hover {text-shadow:0 0 .90em;color:#000080;)font-weight: bold; }



#list2 { }
#list2 ul { list-style:none; text-align:left; padding:0px 0; margin-top: 50px;margin-left: 904px;width: 400px; }
#list2 ul li { display:inline; text-transform:; padding:8px; letter-spacing:px;font-size: 12.4px; font-family: Arial;margin-left:10px; border-right:1px solid #eee;}
#list2 ul li a { text-decoration:none; color:black; }
#list2 ul li a:hover { text-decoration:underline; color: blue;}

#pesquisa {
display:inline;
float:right;
background-color:none;
width: 14.5%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-right: 40px;
margin-top: -3px;
}


.off { border:10px solid #104E8B; padding:30px; width:50px; height:30px; background-color:#deddcd; margin-top: 20px ; position:absolute;margin-left: -80px;margin-top: 240px;
   -moz-box-shadow:0 20px 40px #888; -webkit-box-shadow:0 20px 40px #888;
   -webkit-transform: translateZ(30px) rotateY(30deg);
   -webkit-transition-property: transform, box-shadow, margin;  }
 
.off h3 { color:#EE4000; font-variant: small-caps; font-family:Arial; text-align:center; padding-bottom:;margin-top:-32px;font-size: 35px;margin-left:-12px; }
.off p { padding-bottom:15px; }
.off a { background-color:#EE4000; padding:5px 10px; color:#eee; text-decoration:none; display:block; width:80px; text-align:center; margin:0 auto;margin-top:-32px;margin-left:-24px;
   -moz-border-radius:5px; -webkit-border-radius:5px; }
.off a:hover, .off a:focus { background-color:#6a191f; color:#fff; }



.desc { border-radius:20px; padding:30px; width:300px; height:276px; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1)));; margin-top: -10px ; position:absolute;margin-left: 500px;margin-top: 188px;
   -moz-box-shadow:0 20px 40px #888; -webkit-box-shadow:0 20px 40px #888;
   -webkit-transform: translateZ(30px) rotateY(30deg);
   -webkit-transition-property: transform, box-shadow, margin;  }
 .desc h3 { color:#4F4F4F; font-variant: small-caps; font-family:arial; text-align:center; padding-bottom:;margin-top:-30px;font-size: 24px;margin-left:-12px; }
.desc p { padding-bottom:15px; }
.desc a { background-color:#7a3f3a; padding:5px 10px; color:#eee; text-decoration:none; display:block; width:80px; text-align:center; margin:0 auto;margin-top:-32px;margin-left:-24px;
 -moz-border-radius:5px; -webkit-border-radius:5px; }
.desc a:hover, .desc a:focus { background-color:#6a191f; color:#fff; }



.titulo {   width:800px; height:60px; ; position:absolute;margin-left: 20px;margin-top:50px;
   
   -webkit-transform: translateZ(30px) rotateY(30deg);
   -webkit-transition-property:, box-shadow, margin;}
 
 .titulo h3 { color:#4F4F4F; font-variant: small-caps; font-family:arial; text-align:center;margin-top:-30px;font-size: 24px;margin-left:-12px; }





.linha {  padding:px; width:866px;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));  height:04px; margin-top: 20px ; position:absolute;margin-left: -px;margin-top:52px;
    -moz-box-shadow:40px 20px 40px #888; -webkit-box-shadow:0 0px 00px #888;
   
}
  
#cadastrocli{
	margin-top:10px;text-align: left;
}
#nome{
width: 300px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-top: -12px;

}
#sobrenome{
width: 300px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-top: -12px;

}
#rg{
width: 300px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-top: -12px;

}
#cpf{
width: 300px;
border-top-left-radius: 5px;
margin-top: 06px;

}
#endereco{
width: 300px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;


}
#numero{

border-radius: 5px;

margin-top: 06px;

}
#complemento{

border-radius: 5px;
margin-top: 06px;

}
#cidade{

border-radius: 5px;
margin-top: 06px;
}
#estado{

border-radius: 5px;
margin-top: 06px;
}
#email{

border-radius: 5px;
margin-top: 06px;


}
#cep{

border-radius: 5px;
margin-top: 06px;


}